From 940c77ad43820972dc7423b84db6183efdfb89e9 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Sat, 16 Apr 2016 13:19:41 +0200 Subject: [PATCH] Adwaita: flatten scale and progressbar trough --- gtk/theme/Adwaita/_common.scss | 27 ++++++------------------ gtk/theme/Adwaita/gtk-contained-dark.css | 25 ++++++++-------------- gtk/theme/Adwaita/gtk-contained.css | 25 ++++++++-------------- 3 files changed, 25 insertions(+), 52 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index c7f67190c8..9c2fd75480 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -2720,34 +2720,24 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work border: 1px solid $borders_color; border-radius: 3px; background-color: $dark_fill; - box-shadow: inset 1px 1px transparentize(black, 0.9); - &:disabled { - background-color: $insensitive_bg_color; - box-shadow: none; - } + &:disabled { background-color: $insensitive_bg_color; } &:backdrop { background-color: $backdrop_dark_fill; border-color: $backdrop_borders_color; - box-shadow: none; transition: $backdrop_transition; &:disabled { background-color: $insensitive_bg_color; } } // ...on selected list rows - row:selected & { - box-shadow: none; - - &, &:disabled { border-color: $selected_borders_color; } - } + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} // OSD .osd & { border-color: $osd_borders_color; background-color: transparentize($osd_borders_color, 0.2); - box-shadow: none; outline-color: transparentize($osd_fg_color, 0.8); &:disabled { background-color: $osd_insensitive_bg_color; } @@ -2774,7 +2764,7 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work } // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} // OSD .osd & { @@ -2846,13 +2836,10 @@ scale { fill { @extend %scale_trough; - &, &:backdrop { - background-color: $borders_color; - box-shadow: none; - } + &:backdrop, & { background-color: $borders_color; } &:disabled { - &, &:backdrop { + &:backdrop, & { border-color: transparent; background-color: transparent; } @@ -2863,7 +2850,7 @@ scale { background-color: mix($osd_fg_color, $osd_borders_color, 25%); &:disabled { - &, &:backdrop { + &:backdrop, & { border-color: transparent; background-color: transparent; } @@ -2894,7 +2881,7 @@ scale { } // ...on selected list rows - row:selected & { &, &:disabled { border-color: $selected_borders_color; } } + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } // OSD .osd & { diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 7202795c9f..79bc5526d3 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -2932,26 +2932,20 @@ treeview.view radio:backdrop { scale trough, scale fill, progressbar trough { border: 1px solid #1c1f1f; border-radius: 3px; - background-color: #2f3434; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } + background-color: #2f3434; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #333636; - box-shadow: none; } + background-color: #333636; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { background-color: #303535; border-color: #1f2222; - box-shadow: none; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #333636; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { - box-shadow: none; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { - border-color: #0f2b48; } + row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { + border-color: #0f2b48; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; outline-color: rgba(238, 238, 236, 0.2); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(53, 57, 58, 0.5); } @@ -3004,15 +2998,14 @@ scale { scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } - scale fill, scale fill:backdrop { - background-color: #1c1f1f; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { + scale fill:backdrop, scale fill { + background-color: #1c1f1f; } + scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: rgba(91, 91, 90, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { @@ -3060,7 +3053,7 @@ scale { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #5d6767; } - row:selected scale slider, row:selected scale slider:disabled { + row:selected scale slider:disabled, row:selected scale slider { border-color: #0f2b48; } .osd scale slider { color: #eeeeec; diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index aaa0aaeca5..483ee17d60 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -2961,26 +2961,20 @@ treeview.view radio:backdrop { scale trough, scale fill, progressbar trough { border: 1px solid #9d9d99; border-radius: 3px; - background-color: #cececc; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } + background-color: #cececc; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #f1f1f1; - box-shadow: none; } + background-color: #f1f1f1; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { background-color: #d1d1cf; border-color: #a5a5a1; - box-shadow: none; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #f1f1f1; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { - box-shadow: none; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { - border-color: #184472; } + row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { + border-color: #184472; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; outline-color: rgba(238, 238, 236, 0.2); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(53, 57, 58, 0.5); } @@ -3033,15 +3027,14 @@ scale { scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } - scale fill, scale fill:backdrop { - background-color: #9d9d99; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { + scale fill:backdrop, scale fill { + background-color: #9d9d99; } + scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: rgba(91, 91, 90, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { @@ -3089,7 +3082,7 @@ scale { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #c3c3c0; } - row:selected scale slider, row:selected scale slider:disabled { + row:selected scale slider:disabled, row:selected scale slider { border-color: #184472; } .osd scale slider { color: #eeeeec; -- 2.30.2